const BASE_URL = process.env.NODE_ENV === 'production' ? '/element-vue-admin/' : '/'
const PROT = process.env.port || process.env.dev || 60001 // dev port
const path = require('path')
module.exports = {
  publicPath: BASE_URL,
  outputDir: 'dist', // 当运行 vue-cli-service build 时生成的生产环境构建文件的目录。注意目标目录在构建之前会被清除
  lintOnSave: true, // 是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码。这个值会在 @vue/cli-plugin-eslint
  runtimeCompiler: true, // 是否使用包含运行时编译器的 Vue 构建版本。设置为 true 后你就可以在 Vue 组件中使用 template 选项了，但是这会让你的应用额外增加 10kb 左右。
  // 配置 webpack-dev-server 行为。
  devServer: {
    port: PROT,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    }
  },
  /*
    configureWebpack是调整webpack配置最简单的一种方式，可以新增也可以覆盖cli中的配置。
    可以是一个对象：被 webpack-merge 合并到webpack 的设置中去也可以是一个函数：如果你需要基于环境有条件地配置行为，就可以进行一些逻辑处理，可以直接修改或
新增配置，(该函数会在环境变量被设置之后懒执行)。该方法的第一个参数会收到已经解析好的配置。
    在函数内，你可以直接修改配置，或者返回一个将会被合并的对象。
  */
  configureWebpack: {
    resolve: {
      alias: {
        src: path.join(__dirname, '/src'), // 这些路径改改看看
        components: path.join(__dirname, './src/components'),
        router: path.join(__dirname, './src/router'),
        assets: path.join(__dirname, './src/assets')
      }
    }
  }
}
